<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="../css/style.css" />
		<title>Document</title>
	</head>
	<body>
		<!-- 顶部导航开始 -->
		<div class="top-nav">
			<div class="container">
				<img src="../img/logo.png" alt="" class="logo" />
				<ul>
					<li><a href="#">HOME</a></li>
					<li><a href="#">ABOUT</a></li>
					<li><a href="#">PROTFOLIO</a></li>
					<li><a href="#">SERVICE</a></li>
					<li><a href="#">NEWS</a></li>
					<li><a href="#">CONTACT</a></li>
				</ul>
			</div>
		</div>
		<!-- 顶部导航结束 -->
		<!-- banner区开始 -->
		<div class="banner">
			<ul>
				<li></li>
				<li class="active"></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<!-- banner区结束 -->
		<!-- 服务区开始 -->
		<div class="service">
			<div class="container">
				<img src="../img/右椭圆.png" alt="" />
				<div class="text">服务范围</div>
				<img src="../img/左椭圆.png" alt="" />
				<p>OUR SERVICES</p>
				<div class="logos">
					<div class="logo-item">
						<img src="../img/p__web1.png" alt="" />
						<h4>1.WEB DESIGN</h4>
						<p>企业品牌网站设计/手机网站制作动画网站创意设计</p>
					</div>
					<div class="logo-item">
						<img src="../img/p__web1.png" alt="" />
						<h4>1.WEB DESIGN</h4>
						<p>企业品牌网站设计/手机网站制作动画网站创意设计</p>
					</div>
					<div class="logo-item">
						<img src="../img/p__web1.png" alt="" />
						<h4>1.WEB DESIGN</h4>
						<p>企业品牌网站设计/手机网站制作动画网站创意设计</p>
					</div>
					<div class="logo-item">
						<img src="../img/p__web1.png" alt="" />
						<h4>1.WEB DESIGN</h4>
						<p>企业品牌网站设计/手机网站制作动画网站创意设计</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 服务区结束 -->
		<!-- 客户案例区开始 -->
		<div class="client">
			<div class="container">
				<img src="../img/右椭圆.png" alt="" />
				<div class="text">{ 客户案例 }</div>
				<img src="../img/左椭圆.png" alt="" />
				<p>With the best professional technology, to design the best innovative web site</p>
				<div class="pics">
					<div class="pic-item">
						<img src="../img/戴墨镜的帅哥.png" alt="" />
					</div>
					<div class="pic-item">
						<img src="../img/戴墨镜的帅哥.png" alt="" />
					</div>
					<div class="pic-item">
						<img src="../img/戴墨镜的帅哥.png" alt="" />
					</div>
				</div>
				<div class="button"><a href="#">VIEW MORE</a></div>
			</div>
		</div>
		<!-- 客户案例区结束 -->
		<!-- 资讯开始 -->
		<div class="msg">
			<div class="container">
				<img src="../img/右椭圆.png" alt="" />
				<div class="text">最新资讯</div>
				<img src="../img/左椭圆.png" alt="" />
				<p>TEH LATEST NEWS</p>
				<div class="msg-container">
					<img class="fl" src="../img/办公桌和椅子.png" alt="" />
					<div class="fl number b32">
						<span class="number">09</span>
						<br />
						<span class="date">Jan</span>
					</div>
					<div class="fl content r30 b32">
						<h4>网站排名进入前三的技巧说明</h4>
						<p>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页，更不用说进首页前三了。那么网站优...</p>
					</div>
					<div class="fl number b32">
						<span class="number">09</span>
						<br />
						<span class="date">Jan</span>
					</div>
					<div class="fl content b32">
						<h4>网站排名进入前三的技巧说明</h4>
						<p>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页，更不用说进首页前三了。那么网站优...</p>
					</div>
					<div class="fl number">
						<span class="number">09</span>
						<br />
						<span class="date">Jan</span>
					</div>
					<div class="fl content r30">
						<h4>网站排名进入前三的技巧说明</h4>
						<p>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页，更不用说进首页前三了。那么网站优...</p>
					</div>
					<div class="fl number">
						<span class="number">09</span>
						<br />
						<span class="date">Jan</span>
					</div>
					<div class="fl content">
						<h4>网站排名进入前三的技巧说明</h4>
						<p>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页，更不用说进首页前三了。那么网站优...</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 资讯结束 -->
		<!-- 底部导航开始 -->
		<div class="footer">
			<div class="constainer">
				<div class="center">
					<p>Copyright 2006- 2014 Bowenshangmei Culture All Rights Reserved</p>
					<ul>
						<li><a href="#">Home</a></li>
						<li class="line">|</li>
						<li><a href="#">About</a></li>
						<li class="line">|</li>
						<li><a href="#">Portfolio</a></li>
						<li class="line">|</li>
						<li><a href="#">Contact</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 底部导航结束 -->
	</body>
</html>
